<script>
   function submit(){
      $.ajax({
         type: "POST",
         url: "/pref/submit",
         data: $('#pref_form').serialize(),
         success: function (result) {
            pref_query()
         },
         error : function() {
         }
      });
   }
function pref_query(){
   $.ajax({
      type: "GET",
      url: "/pref/query",
      dataType: 'JSON',
      success: function (result) {
         change_font_size(result);
         font_size = result['font_size']
         if(font_size == 'medium'){
            $('input#font_medium').prop('checked', true);
            $('input#font_normal').prop('checked', false);
         }else {
            $('input#font_medium').prop('checked', false);
            $('input#font_normal').prop('checked', true);
         }
      },
      error : function() {
      }
   });
}
window.onload = function(){
   $('button#submit').on('click', function(){
      submit();
   });
   menu = $('ul.nav>li.chirping');
   menu.addClass('active');
   menu_link = $('ul.nav>li.chirping>a');
   menu_link.attr('href', '#');

   pref_query()
}
</script>
